<template>
    <div class="contactUs">
        <main class="content_box wrap">
            <div class="articleContent">
                <h1>
                    We are always happy to talk to you!
                </h1>
                <p class="desc">
                    Don't hesitate to contact us if you have any idea of improving
                    <router-link to="/">InfotoPlaza.com</router-link>
                    or any question about the information. We value your feedback and love to hear from you!
                </p>
                <p>
                    Email: <a href="mailto:liyibai189@gmail.com">liyibai189@gmail.com</a>
                </p>
            </div>
        </main>

    </div>
</template>

<script setup>
import { ref, onMounted, inject } from 'vue'
import { useRoute, useRouter } from 'vue-router'
import { articleData } from '@/utils/common.js'

const route = useRoute()
const router = useRouter()
// 共享侧边栏
const trendingArticles = inject("trendingArticles")




const toDeatil = (item) => {
    let title = item.newsTitle.replaceAll(' ', '-')
    router.push(`/detail/${item.classfy}/${title}/${item.id}`)
}


</script>

<style lang="scss">
$text-color1: #1c1c1c;
$text-color2: #696575;
$text-color3: #45414b;

body{
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.wrap{
    width: 50vw;
}
.contactUs {
    margin-top: 20px;
    .content_box {
        .articleContent {
            color: $text-color1;
            font-size: 18px;
            h1{
                font-size: 36px;
                margin: 20px 0 40px 0;
                text-align: center;
            }
            p{
                font-size: 24px;
                margin-bottom: 40px;

            }

            a{
                font-weight: 700;
            }
        }
    }
}
</style>